<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>学习webpack</title>
	<!-- <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.css"> -->
	<!-- <script src="../dist/bundle.js"></script> -->
	<!-- 当使用html-webpack-plugin之后，我们不再需要手动处理bundle.js的引用路径了，
	因为这个插件，已经帮我们自动创建了一个合适的script，并且引用了正确的路径 -->
	<!-- <script src="/bundle.js"></script> -->
	<!-- css会发起二次请求，不建议这样用 -->
	<!-- <link rel="stylesheet" src="./css/index.css"> -->
	<!-- <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css"> -->
</head>
<body>
  <ul>
  	<li>1</li>
  	<li>2</li>
  	<li>3</li>
  	<li>4</li>
  	<li>5</li>
  	<li>6</li>
  	<li>7</li>
  	<li>8</li>
  </ul>
  <div class="box"></div>
  <span class="glyphicon glyphicon-heart" aria-hidden="true"></span><!--bootstrap图标引用-->
</body>
</html>